<template>
    <div>
        <DescribePanel :info="info" :editorwidth="800" :editorheight="200" :attributes="attributes" :events="events">
            <Swith1 v-model:data="value"></Swith1>
        </DescribePanel>
    </div>
</template>

<script>
/* eslint-disable*/
//  eslint-disable-next-line
import Swith1 from '../common/Switch1'
import DescribePanel from './DescribePanel'

export default {
	components: {
		Swith1,
		DescribePanel
	},
	data() {
		return {
			value: true,
			info: {
				title: 'Switch 开关1',
				des: '表示两种相互对立的状态间的切换，多用于触发「开/关」。',
				editor: `\n<Swith1 v-model:data='check'></Swith1>\n\n<script>\n  data() {\n     return {\n    check:true,\n  }\n}\n<script>`
			},
			attributes: [
				{
					param: 'v-model:data',
					des: '绑定值',
					type: 'boolean',
					selectvalue: '——',
					defaultvalue: 'false'
				},
				{
					param: 'disable',
					des: '是否禁用',
					type: 'boolean',
					selectvalue: '——',
					defaultvalue: 'false'
				}
			],
			events: [
				{
					eventname: 'changevalue',
					des: 'switch状态发生改变的时候的回调函数',
					param: '新状态的值'
				}
			]
		}
	},
	mounted() {}
}
</script>

 <style scoped>
</style>
